{% extends 'xzb/base.html' %}

{% block title %}
	密码找回
{% endblock %}

{% block main %}
	<article>
		<!-- 网站主体 -->
		<div id="main">
			<section class="ct">
				<!-- 上传表单-->
				<div class="upload">
					<h1>密码找回</h1>
					<form action="{% url 'xzbfindpass' %}" method="post" id="find_form">
						{%csrf_token%}
						<p>
							<label>输入账号：</label>
							<input class="upt" type="text" name="username" id="user_name" value="" placeholder="请输入您要找回密码的账号" />
							
						</p>
						<p>
							<label>输入邮件：</label>
							<input class="upt" type="text" name="email" id="e_mail" value="" placeholder="请输入您账号注册时绑定的邮箱" />
							<em></em>
						</p>
						
						<p>
							<label></label>
							<!-- 邮件发送完后，可以使用 disable属性禁用 按钮 -->
<!--							<input type="button" id="findbin" value="确认找回">-->
							<a id="findbtn" href="#" class="btn">确认找回</a>
						</p>
					</form>
				</div>
			</section>	
		</div>
	</article>
<script>
	$(function(){
		$("#findbtn").click(function(){
			let username = $("#user_name").val();
			if(username == undefined || username == ""){
				alert("用户名不能为空");
				return;
			}
			let email = $("#e_mail").val();
			if(email == undefined || email == ""){
				alert("电子邮件不能为空");
				return;
			}
			$("#find_form").submit();
	})
	})
</script>
{% endblock %}
{% block bottom %}
	<footer>
		<p class="decro">本站所有资源信息均由网友上传,本站只是为了推广资源让更多读者下载,使用。如涉侵权，请联系管理员</p>
		<p class="cr">Copyright © 2021-2025 <span class="site">爱下载资源分享平台</span> All Rights Reserved.</p>
		<p class="num">沪ICP备14048333号</p>
	</footer>
{% endblock %}
</body>

</html>